$(function(){
    var uid;
    uid=$("#uid").val();
    //添加笔记时为黑色的遮罩赋高度
    $(".notebg").css({"height":$(document).height()});
    
    $(".cata2").parent().addClass("color2");
    $(".cata3").parent().addClass("color2");
    var cata1=1,cata2=0,cata3=0;
    
    /*目录点击事件、鼠标事件*/
    $(".cata1").click(function(){
        cata1=1;
        cata2=0;
        cata3=0;
        $(".course").show().siblings().hide();
        $(this).parent().removeClass("color2");
        $(this).parent().removeClass("color3");
        $(this).parent().addClass("color").siblings().removeClass("color");
        $(this).parent().removeClass("color3").siblings().addClass("color2");
    }).mouseenter(function(){
        if(cata1 == 0){
            $(this).parent().addClass("color3");
        }
    }).mouseleave(function(){
        if(cata1 == 0){
            $(this).parent().removeClass("color3");
            $(this).parent().addClass("color2");
        }
    });
    
    $(".cata2").click(function(){
        cata1=0;
        cata2=1;
        cata3=0;
        $(".question").show().siblings().hide();
        $(this).parent().removeClass("color2");
        $(this).parent().removeClass("color3");
        $(this).parent().addClass("color").siblings().removeClass("color");
        $(this).parent().removeClass("color3").siblings().addClass("color2");
    }).mouseenter(function(){
        if(cata2 == 0){
            $(this).parent().addClass("color3");
        }
    }).mouseleave(function(){
        if(cata2 == 0){
            $(this).parent().removeClass("color3");
            $(this).parent().addClass("color2");
        }
    });
    
    $(".cata3").click(function(){
        cata1=0;
        cata2=0;
        cata3=1;
        $(".note").show().siblings().hide();
        $(this).parent().removeClass("color2");
        $(this).parent().removeClass("color3");
        $(this).parent().addClass("color").siblings().removeClass("color");
        $(this).parent().removeClass("color3").siblings().addClass("color2");
    }).mouseenter(function(){
        if(cata3 == 0){
            $(this).parent().addClass("color3");
        }
    }).mouseleave(function(){
        if(cata3 == 0){
            $(this).parent().removeClass("color3");
            $(this).parent().addClass("color2");
        }
    });
    
    
    var flag1=1;
    var flag2=0;
    $(".course_cata1").mouseenter(function(){
        $(this).addClass("addclass");
    }).mouseleave(function(){
        if(flag1 == 0){
            $(this).removeClass("addclass");
        }
    })    
    
    $(".course_cata2").mouseenter(function(){
        $(this).addClass("addclass");
    }).mouseleave(function(){
        if(flag2 == 0){
            $(this).removeClass("addclass");
        }
    })
    
    $(".course_cata1").click(function(){
        $(".cata1_").show().siblings().hide();
        flag1=1;
        flag2=0;
        $(".course_cata2").removeClass("addclass");
    })
    $(".course_cata2").click(function(){
        $(".cata2_").show().siblings().hide();
        flag2=1;
        flag1=0;
        $(".course_cata1").removeClass("addclass");
    })
    
    
    var flag3=1;
    var flag4=0;
    $(".q_q").mouseenter(function(){
        $(this).addClass("addclass");
    }).mouseleave(function(){
        if(flag3 == 0){
            $(this).removeClass("addclass");
        }
    })    
    
    $(".q_f").mouseenter(function(){
        $(this).addClass("addclass");
    }).mouseleave(function(){
        if(flag4 == 0){
            $(this).removeClass("addclass");
        }
    })
    
    $(".q_q").click(function(){
        $(".con1").show().siblings().hide();
        flag3=1;
        flag4=0;
        $(".q_f").removeClass("addclass");
    })
    $(".q_f").click(function(){
        $(".con2").show().siblings().hide();
        flag3=0;
        flag4=1;
        $(".q_q").removeClass("addclass");
    })
    
    $(".ope").mouseover(function(){
        opeflag=false;
        $(this).css({"display":"block"});
    }).mouseleave(function(){
        opeflag=true;
        $(this).css({"display":"none"});
    });

    
    /*返回顶部*/
    $(".backToTop").click(function(){
       $("body,html").animate({scrollTop:0},300); 
    });
    
    $(window).scroll(function(){
       if($(document).scrollTop()>80){
           $(".backToTop").slideDown();
       }else{
           $(".backToTop").slideUp();
       }
    });
    
    //页面初始化的请求
    $.ajax({
       type:"post",
       url:"course_nearCourse?uid="+uid,
       dataType:"json",
       success:function(data){
//           var data={
//             "userName":"123",      //用户名
//             "userImg":"5",         //用户头像
//             //最近学习  课程名，已经学了x%，学习到哪一小节，笔记数目，问答数目
//             "recstu":[["Canvas玩转图像处理","8","2-4Canvas基础 使用滑杆交互","1","2"],["1","2","3","4","5"],["6","7","8","9","0"],["a","b","c","d","e"]],  
//           };
           //用户名
           //$(".username").html(data.userName);
           //用户头像
           //$("#usericon").attr("src","images/usericon/user"+data.userImg+".jpg");
           //最近学习
           $(".cata1_").empty();
           var stulen=data.recstu.length;
           for(var i=0;i<stulen;i++){
              $(".cata1_").append("<div class='courses'><div class='course_pic'></div><div class='courses_'><div class='course_tit'>"+data.recstu[i][0]+"</div><div class='course_mess'><span>已学至：第<span>"+data.recstu[i][2]+"章</span> </span><span><span>"+data.recstu[i][3]+"</span></span></div><div class='course_note'><span>笔记<span>"+data.recstu[i][4]+"</span></span><span>问答<span>"+data.recstu[i][5]+"</span></span></div></div><div class='course_con'><a href='playVideo.jsp?vedioId="+data.recstu[i][1]+"'>继续学习</a></div></div>");
           }
       },
       error:function(){
           alert("person init error");
       }
    });
    
    /*点击我的收藏*/
    $(".course_cata2").click(function(){
        $.ajax({
            type:"post",
            url:"record_mycollect?uid="+uid,
            dataType:"json",
            success:function(data){
               $(".cata2_").empty();
               if(data == null){
                    $(".cata2_").append("<div class='dnull'>您还没有收藏课程，快去学习吧~~</div>");
               }else{
                   //我的收藏
                   var collen=data.collection.length;
                   for(var i=0;i<collen;i++){
                       $(".cata2_").append("<div class='courses'><div class='course_pic'></div><div class='courses_'><div class='course_tit'>"+data.collection[i][0]+"</div><div class='course_note'><span>笔记<span>"+data.collection[i][1]+"</span></span><span>问答<span>"+data.collection[i][2]+"</span></span></div></div><div class='course_con'><a href='#'>继续学习</a></div></div>");
                   }
               }
            },
            error:function(){
                alert("course_cata2 error");
            }
        });
    });
    
    /*点击提问*/
    $(".cata2").click(function(){
        $.ajax({
           type:"post",
           url:"discuss_myquestion?uid="+uid,
           dataType:"json",
           success:function(data){
               $(".con1").empty();
               if(data == null){
                    $(".con1").append("<div class='dnull'>您还没有提出问题，快去学习吧~~</div>");
               }else{
                   //提问
                   var quelen=data.question.length;
                   for(var i=0;i<quelen;i++){
                       console.log((data.question[i].length-3)/2);
                       a="<div class='q1'"+i+"><img class='q1_icon' src='images/usericon/user"+data.question[i][0]+".jpg'><div class='q1_msg'><div class='msg_top'><span class='q1_user'>源自："+data.question[i][1]+"</span><span class='q1_tit'>"+data.question[i][2]+"</span></div>";
                       for(var j=3;j<(data.question[i].length);j++){
                           a+="<div class='msg_bottom'><div class='bot_ans'><span>[来自 "+data.question[i][j]+" 的回答]</span><span>"+data.question[i][++j]+"</span></div><div class='bot_msg'><span>时间："+data.question[i][++j]+"</span><span>"+data.question[i][++j]+"<span class='iconfont icon-dianzan'></span></span></div></div>";
                       }
                       a+="</div></div>";
                       $(".con1").append(a);
                   }
               }
           },
           error:function(){
               alert("cata2 error");
           }
        });
    });
    
    /*点击我的回答*/
    $(".q_f").click(function(){
        $.ajax({
           type:"post",
           url:"discuss_myanswer?uid="+uid,
           dataType:"json",
           success:function(data){
               $(".con2").empty();
               if(data == null){
                    $(".con2").append("<div class='dnull'>您还没有回答问题，快去学习吧~~</div>");
               }else{
                   //我的回答
                   var anslen=data.answer.length;
                   for(var i=0;i<anslen;i++){
                        $(".con2").append("<div class='con2_a1'><img class='q1_icon' src='images/usericon/user"+data.answer[i][0]+".jpg'><div class='q1_msg'><div class='msg_top'><span class='q1_user'>源自："+data.answer[i][1]+"</span><span class='q1_tit'>"+data.answer[i][2]+"</span></div><div class='msg_bottom'><div class='bot_ans'>"+data.answer[i][3]+"</div><div class='bot_msg'><span>时间："+data.answer[i][4]+"</span><span>"+data.answer[i][5]+"<span class='iconfont icon-dianzan'></span></span></div></div></div></div>");
                   }
                    var opeflag=true;
               }
           },
           error:function(){
               alert("q_f error");
           }
        });
    });
    
    /*点击笔记*/
    $(".cata3").click(function(){
        $.ajax({
           type:"post",
           url:"note_mine?uid="+uid,
           dataType:"json",
           success:function(data){
               $(".notes").empty();
               if(data == null){
                    $(".notes").append("<div class='dnull'>您还没有笔记，快去学习吧~~</div>");
               }else{
                   //我的笔记
                   var notelen=data.note.length;
                   for(var i=0;i<notelen;i++){
                       $(".notes").append("<div class='note1'><div class='note_course'><span>源自："+data.note[i][0]+"</span><span>时间："+data.note[i][1]+"</span></div><div class='note_tit'>"+data.note[i][2]+"</div><div class='note_con'>"+data.note[i][3]+"</div></div>");
                   }
               }
           },
           error:function(){
               alert("cata3 error");
           }
        });
    });
    
});